<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>电费</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../../plugins/mui/mui.min.css">
    <script src="../../js/statistics.js"></script>
    <style type="text/css">
        *{
            box-sizing: border-box;
            font-family: 'Microsoft YaHei';
        }
        body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form,  input, p, table, th, td ,select,option{
            padding: 0;
            margin: 0;
            list-style: none;
        }
        body{

        }
        /*title的样式覆盖*/
        .mui-bar{
            background-color:#2a2c33;
        }
        .mui-title{
            color:#fff;
        }
        /*列表数字角标移动防止盖住右箭头*/
        .mui-table-view-cell>.mui-badge{
            right:40px;
        }

        .mui-table-view{
            margin-top:10px;
        }
        .mui-navigate-right{
            line-height: 22px;
            font-size: 15px;
        }
        .icon1{
            width:21px;
            height:21px;
            float:left;
            margin-right:10px;
            /*vertical-align: middle;*/
            display:block;
        }
        .mui-badge-red{
            background-color:#ef113a;
        }
        .icon2>li>a>img{
            width:59px;
            height:59px;
            margin-right:28px;
        }
        .icon2>li>a{
            line-height:59px;
            font-size: 16px;
        }
        .icon2>li>span{
            position: absolute;
            top: 50%;
            right: 50px;
            -webkit-transform: translateY(-50%);
            width:26px;
            height:26px;
            background:url('../../images/my/index/erweima.png') no-repeat center center;
            background-size: cover;
        }
        .mui-table-view:before{
            display:none;
        }
        .mui-table-view:after{
            display:none;
        }
        .mui-table-view-cell:after{
            background-color:#e5e5e5;
        }

header.header{
    background: #2a2c33;
}

.header a{
    color:#fff;
}

    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav header">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">电费查询</h1>
</header>
<script type="text/javascript" src="../../plugins/jquery/jquery-3.1.0.min.js"></script>
<script src="../../plugins/mui/mui.min.js"></script>
<!--<script type="text/javascript" src="../plugins/mui/update.js"></script>-->
<script src="../../js/getApiToken.js"></script>
<script src="../../js/md5.js"></script>
<script type="text/javascript">
    mui.init({
// 				statusBarBackground: '#fd635c',  //ios下设置顶部背景色
//        subpages:[{
//            url:'https://elewebapp.95598pay.com/livingpay/',
//            id:'electricity',
//            styles:{
//                top:'45px',//mui标题栏默认高度为45px；
//                bottom:'0px',//默认为0px，可不定义；
//                bounce:'vertical',
//                background:'transparent'
//            }
//        }],
//        keyEventBind: {
//
//        }
    });
    //	  		var main;
    mui.plusReady(function() {
        main = plus.webview.currentWebview();
        var content = plus.webview.create('https://elewebapp.95598pay.com/livingpay/','content',{
            top: '45px',
            bottom: '0',
            bounce: 'vertical',
            background:'transparent'
        });
        main.append(content);
//        content.addEventListener('loaded',function(){
//        });
//				main = plus.webview.getWebviewById('HBuilder');//或者通过A页面id获取A页面对象
//				$('header').click(function(){
//					mui.fire(main, "pageflowrefresh" ,{id:'哈哈哈哈成功了'});//出发A页面的pageflowrefresh方法
//				})
//				mui.alert('欢迎使用Hello MUI', '免责提醒', function() {});

    });


    window.onload = function(){
        //从服务器获取数据
        //业务数据获取完毕，并已插入当前页面DOM；
        //注意：若为ajax请求，则需将如下代码放在处理完ajax响应数据之后；
        window.addEventListener("pageflowrefresh", function(e) {
            //获得事件参数
            plus.nativeUI.closeWaiting();
            //显示当前页面
            mui.currentWebview.show('slide-in-right',200);
        });

    }

</script>
</body>
</html>
